<%@ page import="java.util.ArrayList" %>
<%@ page contentType="text/html;charset=UTF-8"%>
<!DOCTYPE HTML>
<html>
<head>
  <title>Home</title>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta name="keywords" content="Shoppy Responsive web template, Bootstrap Web Templates, Flat Web Templates, Android Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyEricsson, Motorola web design" />
  <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
  <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
  <link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all">
  <!-- Custom Theme files -->
  <link href="css/style.css" rel="stylesheet" type="text/css" media="all"/>
  <!--js-->
  <script src="js/jquery-2.1.1.min.js"></script>
  <!--icons-css-->
  <link href="css/font-awesome.css" rel="stylesheet">
  <!--Google Fonts-->
  <link href='https://fonts.googleapis.com/css?family=Carrois+Gothic' rel='stylesheet' type='text/css'>
  <link href='https://fonts.googleapis.com/css?family=Work+Sans:400,500,600' rel='stylesheet' type='text/css'>
  <!--static chart-->
  <script src="js/Chart.min.js"></script>
  <!--//charts-->
  <!-- geo chart -->
  <script src="http://cdn.jsdelivr.net/modernizr/2.8.3/modernizr.min.js" type="text/javascript"></script>
  <script>window.modernizr || document.write('<script src="lib/modernizr/modernizr-custom.js"><\/script>')</script>
  <!--<script src="lib/html5shiv/html5shiv.js"></script>-->
  <!-- Chartinator  -->
  <script src="js/chartinator.js" ></script>
  <script type="text/javascript">
    jQuery(function ($) {

      var chart3 = $('#geoChart').chartinator({
        tableSel: '.geoChart',

        columns: [{role: 'tooltip', type: 'string'}],

        colIndexes: [2],

        rows: [
          ['China - 2015'],
          ['Colombia - 2015'],
          ['France - 2015'],
          ['Italy - 2015'],
          ['Japan - 2015'],
          ['Kazakhstan - 2015'],
          ['Mexico - 2015'],
          ['Poland - 2015'],
          ['Russia - 2015'],
          ['Spain - 2015'],
          ['Tanzania - 2015'],
          ['Turkey - 2015']],

        ignoreCol: [2],

        chartType: 'GeoChart',

        chartAspectRatio: 1.5,

        chartZoom: 1.75,

        chartOffset: [-12,0],

        chartOptions: {

          width: null,

          backgroundColor: '#fff',

          datalessRegionColor: '#F5F5F5',

          region: 'world',

          resolution: 'countries',

          legend: 'none',

          colorAxis: {

            colors: ['#679CCA', '#337AB7']
          },
          tooltip: {

            trigger: 'focus',

            isHtml: true
          }
        }


      });
    });
  </script>
  <!--geo chart-->

  <!--skycons-icons-->
  <script src="js/skycons.js"></script>
  <!--//skycons-icons-->
</head>
<body OnLoad="swapPic()">
<div class="page-container">
  <div class="left-content">
    <div class="mother-grid-inner">
      <!--header start here-->
      <div class="header-main">
        <div class="header-left">
          <div class="logo-name">
            <a href="index.jsp"> <h1>DGUT</h1>
              <!--<img id="logo" src="" alt="Logo"/>-->
            </a>
          </div>
          <div class="clearfix"> </div>
        </div>
        <!--notification menu end -->
        <div class="profile_details">
          <ul>
            <li class="dropdown profile_details_drop">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                <div class="profile_img">
                  <span class="prfil-img"><img src="images/p1.png" alt=""> </span>
                  <div class="user-name">
                    <p>Malorum</p>
                    <span>Administrator</span>
                  </div>
                  <i class="fa fa-angle-down lnr"></i>
                  <i class="fa fa-angle-up lnr"></i>
                  <div class="clearfix"></div>
                </div>
              </a>
              <ul class="dropdown-menu drp-mnu">
                <li> <a href="#"><i class="fa fa-cog"><input type="button" style="background-color: transparent;border: 0px;" data-id="" data-toggle="modal" data-target="#myModalLabel3" value=" 修改信息" /></i></a></li>
                <li> <a href="login.html"><i class="fa fa-sign-out"></i> 退出</a> </li>
              </ul>
            </li>
          </ul>
        </div>
        <div class="clearfix"> </div>
      </div>
      <div class="clearfix"> </div>
    </div>
    <!--heder end here-->
    <!-- script-for sticky-nav -->
    <script>
      $(document).ready(function() {
        var navoffeset=$(".header-main").offset().top;
        $(window).scroll(function(){
          var scrollpos=$(window).scrollTop();
          if(scrollpos >=navoffeset){
            $(".header-main").addClass("fixed");
          }else{
            $(".header-main").removeClass("fixed");
          }
        });

      });
    </script>
    <!-- /script-for sticky-nav -->
    <!--inner block start here-->
    <div class="inner-block">
      <!--market updates updates-->
      <div class="market-updates">
        <div class="col-md-4 market-update-gd">
          <div class="market-update-block clr-block-1">
            <div class="col-md-8 market-update-left">
              <h3>83</h3>
              <h4>Registered User</h4>
              <p>Other hand, we denounce</p>
            </div>
            <div class="col-md-4 market-update-right">
              <i class="fa fa-file-text-o"> </i>
            </div>
            <div class="clearfix"> </div>
          </div>
        </div>
        <div class="col-md-4 market-update-gd">
          <div class="market-update-block clr-block-2">
            <div class="col-md-8 market-update-left">
              <h3>135</h3>
              <h4>Daily Visitors</h4>
              <p>Other hand, we denounce</p>
            </div>
            <div class="col-md-4 market-update-right">
              <i class="fa fa-eye"> </i>
            </div>
            <div class="clearfix"> </div>
          </div>
        </div>
        <div class="col-md-4 market-update-gd">
          <div class="market-update-block clr-block-3">
            <div class="col-md-8 market-update-left">
              <h3>23</h3>
              <h4>New Messages</h4>
              <p>Other hand, we denounce</p>
            </div>
            <div class="col-md-4 market-update-right">
              <i class="fa fa-envelope-o"> </i>
            </div>
            <div class="clearfix"> </div>
          </div>
        </div>
        <div class="clearfix"> </div>
      </div>
      <!--market updates end here-->
      <!--mainpage chit-chating-->
      <div class="chit-chat-layer1">
        <div class="work-progres" style="width: 100%">
          <script language="javascript" type="text/javascript">
            var ranl = 0;
            var useRand = 0;
            images = new Array;
            images[1] = new Image();
            images[1].src = "images/h1.jpg";
            images[2] = new Image();
            images[2].src = "images/h2.jpg";
            images[3] = new Image();
            images[3].src = "images/h3.jpg";
            function swapPic()
            {
              var imgnum = images.length-1;
              do{
                var randnum = Math.random();
                randl = Math.round((imgnum-1)*randnum)+1;
              } while(randl==useRand);
              useRand = randl;
              document.randimg.src = images[useRand].src
              setTimeout('swapPic()',2000);
            }
          </script>
          <img name ="randimg" src="images/h1.jpg" width="659px" height="380px">


            <div class="climate" style="float: right">
              <div class="col-md-4 climate-grids" >
                <div class="climate-grid1" style="width: 100%;height: 400px;">
                  <iframe name="weather_inc" src="http://i.tianqi.com/index.php?c=code&py=dongguan&id=57" width="650" height="427" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"  allowtransparency="true"></iframe>
                  <div class="clearfix"> </div>
                </div>
              </div>
            </div>
            <div class="clearfix"> </div>

        </div>
    </div>

    <div class="chart-layer-2"></div>
    <div class="charts">
    </div>
    <!--climate start here-->

    <!--climate end here-->
  </div>
  </div>

<div class="modal fade" id="myModalLabel3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content" style="width: 900px">
      <form  id="change_form" enctype="multipart/form-data" method ="post" >
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
          <h4 class="modal-title">修改信息</h4>
        </div>
        <div class="modal-body">
          <div class="col-md-3">
            <div class="text-center">
              <img id="imgshow" src="http://placehold.it/150" class="avatar img-circle" style="width: 200px;height: 200px;" alt="avatar">
              <div class="input-group">
                            <span class="input-group-btn">
                                <span class="btn  btn-file" >
                                    <input type="file" id="lefile" name="product_file" onchange="previewFile()" style="display:none;">
                                    <input id="photoCover" class="form-control" type="text"  name="headfileTemp">
                                    <br>
                                    <br>
                                    <br>
                                    <a class="btn btn-info btn-sm showbtn" onclick="$('input[id=lefile]').click(); ">上传图片</a>
                                </span>
                            </span>
              </div>

            </div>
          </div>
          <div class="col-md-9">
            <div class="form-horizontal">
              <div class="form-group">
                <label for="admnumber" class="col-sm-2 control-label">学号:*</label>
                <div class="col-sm-10">
                  <input class="form-control change_input" id="admnumber" name="number" onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}" type="number">
                </div>
              </div>
              <div class="form-group">
                <label for="admname" class="col-sm-2 control-label">学生姓名:*</label>
                <div class="col-sm-10">
                  <input class="form-control change_input" id="admname" name="admin_name" type="text">
                </div>
              </div>
              <div class="form-group">
                <label for="admsex" class="col-sm-2 control-label">性别:*</label>
                <div class="col-sm-10">
                  <input class="form-control change_input" id="admsex" name="sex" type="text">
                </div>
              </div>
              <div class="form-group">
                <label for="admdata" class="col-sm-2 control-label">出生日期:*</label>
                <div class="col-sm-10">
                  <input class="form-control change_input" id="admdata" name="data"  type="date">
                </div>
              </div>
              <div class="form-group">
                <label for="admemail" class="col-sm-2 control-label">籍贯:*</label>
                <div class="col-sm-10">
                  <input class="form-control change_input" id="adme" name="adme" type="text">
                </div>
              </div>
              <div class="form-group">
                <label for="admemail" class="col-sm-2 control-label">邮箱:*</label>
                <div class="col-sm-10">
                  <input class="form-control change_input" id="admemail" name="email" type="email">
                </div>
              </div>
              <div class="form-group">
                <label for="admphone" class="col-sm-2 control-label">手机号码:*</label>
                <div class="col-sm-10">
                  <input class="form-control change_input" id="admphone" name="phone" onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}" type="number">
                </div>
              </div>
            </div>
          </div>

          <div class="modal-footer">
            <div class="center-block">
              <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>

              <input class="btn btn-default mybutton1" value="保存" style="width:55px; display: inline;padding: 6px 12px; background-color: #5bc0de;"
                     onclick="return check()" type="submit">
            </div>
          </div>
        </div>
      </form>
    </div>
  </div>
</div>
<!--slider menu-->
<div class="sidebar-menu">
  <div class="logo"> <a href="#" class="sidebar-icon"> <span class="fa fa-bars"></span> </a> <a href="#"> <span id="logo" ></span>
    <!--<img id="logo" src="" alt="Logo"/>-->
  </a> </div>
  <div class="menu">
    <ul id="menu" >
      <li id="menu-home" ><a href="index.jsp"><i class="fa fa-tachometer"></i><span>首页</span></a></li>
      <li><a href="admin.jsp"><i class="fa fa-cogs"></i><span>账户维护</span></a></li>
      <li id="menu-comunicacao" ><a href="course.jsp"><i class="fa fa-book nav_icon"></i><span>课程管理</span></a></li>
      <li><a href="class.jsp"><i class="fa fa-users"></i><span>班级管理</span></a></li>
      <li id="menu-academico" ><a href="info.jsp"><i class="fa fa-child"></i><span>我的账户</span></a></li>
      <li id="menu-page" ><a href="Page.jsp"><i class="fa fa-file-text"></i><span>页面维护</span></a></li>

      <li><a href="feedback.jsp"><i class="fa fa-comments"></i><span>留言反馈</span></a></li>
      <li><a href="E-mail.jsp"><i class="fa fa-envelope"></i><span>我的信箱</span></a></li>

    </ul>
  </div>
</div>
<div class="clearfix"> </div>
</div>
<!--slide bar menu end here-->
<script>
  var toggle = true;

  $(".sidebar-icon").click(function() {
    if (toggle)
    {
      $(".page-container").addClass("sidebar-collapsed").removeClass("sidebar-collapsed-back");
      $("#menu span").css({"position":"absolute"});
    }
    else
    {
      $(".page-container").removeClass("sidebar-collapsed").addClass("sidebar-collapsed-back");
      setTimeout(function() {
        $("#menu span").css({"position":"relative"});
      }, 400);
    }
    toggle = !toggle;
  });
</script>
<!--scrolling js-->
<script src="js/jquery.nicescroll.js"></script>
<script src="js/scripts.js"></script>
<!--//scrolling js-->
<script src="js/bootstrap.js"> </script>
<!-- mother grid end here-->
</body>
</html>